<template>
    <div class="home">
        <Header />
        <div class="content">
            <div class="left">
                <SlideBar />
            </div>
            <div class="right">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>

<script>
import Header from '@/components/Header'
import SlideBar from '@/components/SlideBar';
export default {
    components:{
        SlideBar,Header
    }
}
</script>

<style lang="scss" scoped>
    .home{
        width: 100%;
        height: 100%;
        position: relative;
        .content{
            position: absolute;
            top: 60px;
            left: 0;
            right: 0;
            bottom: 0;
            .left{
                float: left;
                width: 20%;
                height: 100%;
            }
            .right{
                float: right;
                width: 80%;
                height: 100%;
                position: relative;
            }
        }
    }
</style>